<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
      <div id="sprints">
        <ol id="tabnav">
          <c:forEach items="${product.sprints}" var="sprint">
          <c:set var="lastSprint" value="${sprint.id}" />
          <li><a href="#${sprint.id}" id="tab_${sprint.id}" class="tab">${sprint.name}</a></li>
          </c:forEach>
        </ol>
        <c:forEach items="${product.sprints}" var="sprint">
        <div id="panel_${sprint.id}" class="panel">
          <div class="content">
            ${sprint.name}
            ${sprint.goal}
            ${sprint.start}
            ${sprint.demo}
          </div>
        </div>
        </c:forEach>
        <a href="<c:url value="/sprintModify.do"/>">Add</a>
      </div>
      <div id="productDetails">
        <c:out value="${product.name}" />
      </div>
      <div id="productBacklog">
        <h3>Backlog</h3>
        <ol id="backlog">
          <c:forEach items="${product.backlog}" var="userStory">
          <li><c:out value="${userStory.story}" /> <a href="<c:url value="/userStoryCard.do">
  					<c:param name="userStoryId" value="${userStory.id}"/>
					</c:url>">View</a>
          </li>
          </c:forEach>
        </ol>
        <a href="<c:url value="/productBacklogModify.do"/>">Modify</a>
      </div>
      <script type="text/javascript">
      //<![CDATA[
Event.observe(window, 'load', loadTabs, false);
function loadTabs() {
var tabs = new tabset('sprints', {effects: false}); // name of div to crawl for tabs and panels
tabs.autoActivate($('tab_${lastSprint}')); // name of tab to auto-select if none exists in the url
}
      //]]>
      </script>
      
